.tp-rights-container {
  display: flex;
}

.tp-rights-item {
  color: #575d6c;
  margin-right: var(--ti-common-space-2x);
  padding: 3px var(--ti-common-space-2x);
  cursor: pointer;

  &:last-child {
    margin-right: 0;
  }

  .tp-rights-item-icon {
    font-size: 16px;
    vertical-align: -15%; //TODO:在tiny库设置'bottom'属性，图标可对齐，再该项目中无法对齐，暂使用百分比代替
  }
}

.tp-rights-item-param {
  margin-right: var(--ti-common-space-5x);
  padding: 3px 0;
}

.tp-rights-item-support {
  background-color: #edfff9;
}

.tp-rights-item-nosupport {
  background-color: #f5f5f6;
}

.tp-rights-label {
  display: inline-block;
  line-height: 18px;
  margin-left: var(--ti-common-space-base);
}
